/* newresource */
/* .dataTables_scrollBody{
    
}
.dataTables_scrollBody{
    overflow: auto;
} */
.dataTables_scrollHeadInner{
    padding-right: 0 !important;
    width:auto !important;
}
.dataTables_scrollHead .dataTable{
    width: 100% !important;
}
.dataTables_scrollBody::-webkit-scrollbar {
  width: 3px;
}

.dataTables_scrollBody::-webkit-scrollbar-track {
  background-color: #bdbebc;
  border-radius: 2em;
}
.dataTables_scrollBody::-webkit-scrollbar-thumb {
  background-color: #a2ecff;
  border-radius: 2em;
}
.dataTables_scrollHead .table.dataTable>thead>tr>th{
    padding:8px 5px !important;
}
.dataTables_scrollBody .table.dataTable>thead>tr>th{
    padding:0 5px !important;
} 
/* table.dataTable thead th, table.dataTable thead td {
    padding: 4px 18px;
    border-width:0;
    font-weight: 500;
    font-size: 14px;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 2px 20px;
} 
table.dataTable tbody tr:first-child{
    border-top: 0px solid #ede2e2
}
table.dataTable tbody tr:last-child{
    border-bottom: 0px solid #ede2e2
} */
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #ededed;
    overflow-x: hidden !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background:#53C7FF;
    border-color:#53C7FF;
    color:#fff !important;
    box-shadow:0 4px 5px 0 rgba(39, 121, 176, 0.14), 0 1px 10px 0 rgba(39, 121, 176,.12), 0 2px 4px -1px rgba(39, 121, 176,.2);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    border-radius: 18px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background:#53C7FF;
    border-color:#53C7FF;
    color:#fff !important;
    box-shadow:0 4px 5px 0 rgba(39, 121, 176, 0.14), 0 1px 10px 0 rgba(39, 121, 176,.12), 0 2px 4px -1px rgba(39, 121, 176,.2);
    
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
} 
.dataTables_wrapper .dataTables_filter input{
    border:1px solid #ededed;
    padding: 7px 5px;
}
.dataTables_wrapper .bottom{
    margin-top: 5px;
}
table.dataTable thead .sorting{background-image:url("")}
table.dataTable thead .sorting_asc{background-image:url("")}
table.dataTable thead .sorting_desc{background-image:url("")}
table.dataTable thead .sorting_asc_disabled{background-image:url("")}
table.dataTable thead .sorting_desc_disabled{background-image:url("")}
table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before,
table.dataTable thead td.select-checkbox:before, table.dataTable thead th.select-checkbox:before {
    content: ' ';
    margin-top: 18px;
    border: 1px solid black;
    border-radius: 3px;
    width: 12px;
    height: 12px;
    display: block;
}
table.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after,
table.dataTable tr th.select-checkbox.selected:after, table.dataTable tr th.select-checkbox.selected:after {
    content: '\2714';
    margin-top: -20px;
    font-size: 17px;
    text-align: center;
    width: 12px;
    height: 12px;
    text-shadow: 1px 1px #f1fefe, -1px -1px #f1fefe, 1px -1px #f1fefe, -1px 1px #f1fefe;
    display: block;
}
table.dataTable tr th.select-checkbox.selected:after, table.dataTable tr th.select-checkbox.selected:after {
    text-shadow: 0px 0px #f1fefe;
    position: absolute;
    margin-top: -19px;
    margin-left: 12px;
}
table.dataTable thead td.select-checkbox:before, table.dataTable thead th.select-checkbox:before{
    margin-top: 0px;
    margin-left: 9px;
}
table.dataTable tr th.select-checkbox.selected:before, table.dataTable tr th.select-checkbox.selected:before {
    margin-top: -7px;
    margin-left: 9px;
    text-shadow: 0px 0px #f1fefe;
    position: absolute;
}
table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
    background-color: #f1fefe;
} 
/* select2 */
.select2-container--default .select2-selection--single {
    border: 1px solid #ededed;
    line-height: 30px;
    height: 30px;
    border-radius: 2px;
    background-color: #fff !important;
}
/* validform */
.Validform_error2{
    padding: 6px 10px;
    background-color: transparent;
    border-width: 0;
}
.Validform_error3{
    /* type3 */
    padding: 0px 10px;
    background-color: transparent;
    border-width: 0;
    display: inline-block;
    height: 2.5rem;
    line-height: 2.5rem;
    vertical-align: middle;
}
.Validform_error3.Validform_right{
    display: none
}
.ValidformAb{
    position: absolute;
    left: 0;
    right: 0;
}
/* dialog */
.ui-dialog-title{
    width: 100%;
    text-align: center;
    /* font-weight: normal; */
    font-size: 15px;
    box-sizing: border-box;
    padding: 14px 15px;
}
/* dialog & datatable */
.ui-dialog-body .dataTables_wrapper table{
    margin-left: auto;
    width: 100%;
}
.ui-dialog-body table.zcdatatable{
    margin-left: auto;
    width: 100%;
}
.zcdatatable{
    width:100%;
    border-collapse:collapse;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    margin-top: 1rem;
    border-collapse: collapse;
    table-layout: fixed; 
}
.zcdatatable>thead>tr{
    height:3rem;
    line-height: 3rem;
    border-bottom: 1px solid #e6e2e2;
}
.zcdatatable>tbody>tr{
    height: 5rem;
    line-height: 5rem;
    border-bottom: 1px solid #e6e2e2;
    box-sizing: border-box;
}
.zcdatatable tr>td,.zcdatatable tr>th{
    text-align: left;
    padding-left: 1rem;
    box-sizing: border-box;
}
.zcdatatabletop{
    margin-bottom: 0.5rem;
}

/* creat by nat */
*{
    font-weight: 400;
}
a{
    outline: transparent;
}
/* 导航 */
.zcnav3{
    padding-left: 20px;
}
.zcnav3 .nav3elm{
    float: left;
    width: 10rem;
}
.zcnav3 .nav3elm a{
    background-color: transparent;
    color: #7c7c7c;
    font-size: 1.4rem;
    height: 4rem;
    line-height: 4rem;
    padding: 0px 2rem 0px 2rem;
    position: relative;
    display: block;
}
/*.zcnav3 .nav3elm.active a{*/
    /*border-bottom: 4px solid #53C7FF;*/
    /*color: #53C7FF;*/
/*}*/
.zcnavbrand{
    padding-left: 2rem;
    padding-right: 2rem;
    background-color: #fff;
    padding-top: 1rem;
    padding-bottom: 1rem;
    /* margin-bottom: 1.5rem; */
}
.zcnavbrand li{
    padding:5px 2px;
    float: left;
    font-size: 1.4rem;
}
.zcnavbrand li::after{
    content: " / ";
    vertical-align: 1px;
}
.zcnavbrand li a{
    color: #53C7FF;
}
.zcnavbrand li:last-child::after{
    content: "";
    vertical-align: 1px;
}
.zcnavbrand li:last-child a{
    color:#3d3d3d;
}
/* 窗口 */
.zcwrap{
    overflow-y: auto;
    overflow-x: hidden;

}
.zcwrap::-webkit-scrollbar {
  width: 3px;
}

.zcwrap::-webkit-scrollbar-track {
  background-color: #bdbebc;
  border-radius: 2em;
}
.zcwrap::-webkit-scrollbar-thumb {
  background-color: #a2ecff;
  border-radius: 2em;
}
.zccard{
    background-color: #fff;
    padding:1rem;
    box-sizing: border-box;
    /* margin-left: 1.5rem;  */
    /* margin-right: 1.5rem ; */
    margin-bottom: 1.5rem;
}
.zccard_container{
    /* 右侧主要内容wrap */
    background-color: #fff;
    width: 100%;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    padding-top: 1rem;
    box-sizing: border-box;
}

/* form*/
.zcformelm{
    display: inline-block;
    max-width: 100%;
    margin-bottom: 1rem;
    /* font-weight: 700; */
}
.zcformelm .zcform_check1{
    display: inline-block;
    text-align: center;
    padding:0.3rem 1rem;
    /* width: 7rem;
    height: 2.5rem;
    line-height: 2.5rem; */
    color: #53C7FF;
    border:1px solid #53C7FF;
}
.zcformelm .zcform_check1.zcaccheck{
    border-color:#53C7FF;
    background-color: #edfafb;
    color: #53C7FF;
}
.zcformelm .zcform_input,.zcformelm textarea.zcform_textarea{
    border-radius: 2px;
    box-shadow: none;
    width: 50px;
    border: 1px solid #ededed;
    /* padding: 7px 4px; */
    padding: 4px 4px;
    /* margin-top: 12px; */
    font-size: 14px;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    color:#5a5a5a;
}
.zcformelm textarea.zcform_textarea{
    /* min-height: 50px; */
    height: 60px!important;
}
.zcformelm.edit .zcform_input{
    border: 1px solid #ededed;
}
.zcformelm .zcform_text{
    display: inline-block;
    color:#5a5a5a;
    font-size: 14px;
    line-height: 32px;
}
.zcformelm label.zcform_text{
    font-weight: 700;
    margin-bottom: 0;
}
.zcformelm select.zcform_select{
    width:100%;
    border: 1px solid #EDEDED;
    padding: 0.3rem;
    font-size: 14px;
    color:#5a5a5a;
}
.zcformelm .zcform_tips{
    color: #c3c3c3;
    font-weight: normal;
    margin-top: 3px;
}
.zcformaddn {
    position: relative;
}
.zcformaddn .zcform_input{
    padding-right: 30px;
}
.zcformaddn span.addn,.zcformaddn i.addn{
    display: inline-block;
    position: absolute;
    right: 0;
    top:0;
    background-color: #eee;
    padding: 6px 4px;
    text-align: center;
    min-width: 30px;
    box-sizing: border-box;
    height: 100%;
}
.zcformelm .checkbox_wrap{
    margin-bottom: 1rem;
}
.zcformelm .checkBox {
    vertical-align: -4px;
    margin-right: 8px;
}
.zccheckbox{
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid #5959c1;
}
.zccheckbox.zccheckbox_checked{
    background-color: #5959c1;
    width: 8px;
    height: 8px;
    box-shadow: 0 0 0px 1px #5959c1;
    border:3px solid #fff;
}
.uploadform{
    width:10rem;

}
.uploadform .preview{
    position: relative;
    background-color: #fff;
    background-repeat: no-repeat;
    /* background-image: url('../images/photo_icon.png'); */
    background-position: center center;
    background-size: auto 100%;
    width: 100%;
    padding-bottom:100%;
    box-sizing: border-box;
    border:1px solid #ededed;
    position: relative;
    cursor: pointer;
  }
  .uploadform .preview::before{
    content: " + ";
    display: block;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 6rem;
    color: #9a9da3;
  }
  .uploadform .preview::after{
    content: " 添加图片 ";
    display: block;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 4rem;
    color: #9a9da3;
    
  }
  .uploadform .preview.added::before,.uploadform .preview.added::after{
    content:''
  }
  .uploadform .preview em{
      position: absolute;
      left: -10px;
      top:-10px;
      width: 20px;
      height: 20px;
      border-radius:50%;
      color:#fff;
      line-height: 20px;
      font-size: 20px;
        background-color: #f17726;
        text-align: center;
        font-style: normal;
        background-color: #f17726;
        box-sizing: border-box;
  }
/*grid*/
.rows{
    zoom: 1; 
      display: block;
  }
.rows:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;  
}
/* .cols0_5,.cols1_5,.cols2_5,.cols1,.cols2,.cols3,.cols4,.cols5,.cols6,.cols7,.cols8,.cols9,.cols10,.cols11,.cols12{
    float: left
}
.cols0_5,.cols1_5,.cols2_5,.cols1,.cols2,.cols3,.cols4,.cols5,.cols6,.cols7,.cols8,.cols9,.cols10,.cols11,.cols12{
    padding: 8px 0px;
}
.cols0_5,.cols1_5,.cols2_5,.cols1,.cols2,.cols3,.cols4,.cols5,.cols6,.cols7,.cols8,.cols9,.cols10,.cols11,.cols12{
box-sizing: border-box
}
.rows.nopd .cols0_5,.rows.nopd .cols1_5,.rows.nopd .cols2_5,.rows.nopd .cols1,.rows.nopd .cols2,.rows.nopd .cols3,.rows.nopd .cols4,.rows.nopd .cols5,.rows.nopd .cols6,.rows.nopd .cols7,.rows.nopd .cols8,.rows.nopd .cols9,.rows.nopd .cols10,.rows.nopd .cols11,.rows.nopd .cols12{
    padding: 0px;
} */
.cols1,.cols2,.cols3,.cols4,.cols5,.cols6,.cols7,.cols8,.cols9,.cols10,.cols11,.cols12,.cols13,.cols14,.cols15,.cols16,.cols17,.cols18,.cols19,.cols20{
    padding: 0.8rem 0px;
    float: left;
    box-sizing: border-box
}
.rows.nopd .cols1,.rows.nopd .cols2, .rows.nopd .cols3,.rows.nopd .cols4,.rows.nopd .cols5,.rows.nopd .cols6,.rows.nopd .cols7,.rows.nopd .cols8,.rows.nopd .cols9,.rows.nopd .cols10,.rows.nopd .cols11,.rows.nopd .cols12, .rows.nopd.cols13,.rows.nopd .cols14,.rows.nopd .cols15,.rows.nopd .cols16,.rows.nopd .cols17,.rows.nopd .cols18,.rows.nopd cols19,.rows.nopd .cols20{
    padding: 0px;
}
.rows.pdlr .cols1,.rows.pdlr .cols2, .rows.pdlr .cols3,.rows.pdlr .cols4,.rows.pdlr .cols5,.rows.pdlr .cols6,.rows.pdlr .cols7,.rows.pdlr .cols8,.rows.pdlr .cols9,.rows.pdlr .cols10,.rows.pdlr .cols11,.rows.pdlr .cols12, .rows.pdlr.cols13,.rows.pdlr .cols14,.rows.pdlr .cols15,.rows.pdlr .cols16,.rows.pdlr .cols17,.rows.pdlr .cols18,.rows.pdlr cols19,.rows.pdlr .cols20{
    padding-left: 5px;
    padding-right: 5px;
}
.cols1{ width:5%}
.cols2{ width:10%}
.cols3{ width:15%}
.cols4{ width:20%}
.cols5{ width:25%;}
.cols6{ width:30%}
.cols7{ width:35%}
.cols8{ width:40%}
.cols9{ width:45%}
.cols10{ width:50%}
.cols11{ width:55%}
.cols12{ width:60%}
.cols13{ width:65%}
.cols14{ width:70%}
.cols15{ width:75%}
.cols16{ width:80%}
.cols17{ width:85%}
.cols18{ width:90%}
.cols19{ width:95%}
.cols20{ width:100%}
.nopd{padding:0}
/* .cols1_5{
    width: 12.500009%
}
.cols0_5{
    width: 4.111111%  
}
.cols2_5{
    width:20.777777% 
}
.cols1{
    width:8.333333%
}
.cols2{
    width:16.666666%; 
}
.cols3{
    width: 24.999999%;
}
.cols4{
    width: 33.333332%;
}
.cols5{
    width: 41.666665%;
}
.cols6{
    width: 50%;
}
.cols7{
    width: 58.333335%;
}
.cols8{
    width: 66.666668%;
}
.cols9{
    width: 75.000001%;
}
.cols10{
    width: 83.333334%;
}
.cols11{
    width: 91.666667%;
}
.cols12{
    width: 100%;
} */
/* bespeak_search_container_seive */
.search_choice_elm{
    margin-right: 2rem;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
search_choice_elm.last{
    margin-right: 0rem;
}
/* btn */
.zcbtn{
    width: 7rem;
    height: 2.5rem;
    border:1px solid #c5c5c5;
    background-color: #fff;
    margin-right: 1rem;
    color: #7c7c7c;
    font-size: 14px;
    box-sizing: border-box;
    display: inline-block;
}
.zcbtn.active{
    background-color: #53C7FF;
    border-width: 0;
    color: #fff;
}

/*bg*/
.bg_gray{
    background-color: #595959 !important;
}
/*
.bg_blue{
    background-color: #2bd5f4 !important;
}
*/
.bg_light_blue{
    background-color: #42cde2 !important;
}
.bg_blue{
    background-color: #53C7FF !important;
}
.bg_green{
    background-color: #1bd182 !important;
}
.bg_orange{
    background-color: #f8b93e !important;
}
.bg_white{
    background-color: #fff !important;
}
.bg_e4{
    background-color: #e4e4e4 !important;
}
.bg_gold{
    background-color: #CAA15A !important;
}
.bg_0{
    background-color: transparent !important;
}
/*font*/
.font_blue{
    color:#53C7FF !important;
 }
.font_red{
    color:#FF5058 !important;
 }
 .font_999{
    color:#999 !important;
 }.font_gold{
    color:#CAA15A !important;
}
.font_pink{
    color:#cd097b !important;
 }
.font_3d{
    color:#3d3d3d !important;
}
.font_7c{
    color:#7c7c7c !important;
}
/*  */
.pd_t10{padding-top: 10px}
.pd_t0{padding-top:0px}
.mg_b10{margin-bottom: 10px}
.mg_t0{margin-top: 0px}
.pd_hor5{padding-left: 5px !important;padding-right: 5px !important}
.float_l{float: left}
.float_r{float: right}
.font_right{text-align: right}
.font_left{text-align: left}
.font_center{text-align: center}
.font_bold{font-weight: bold;}
.lh_normal{
    line-height: normal;
}
.w230{ width: 230px !important;}
.w_10{width: 100% !important;}
.w_9{width: 90% !important;}
.w_8{width: 80% !important;}
.w_5{width: 50% !important;}
.w_3_3{width: 33.3333333333% !important;}
.w_0_5{width: 5%!important;}
.w_1{width: 10%!important;}
.w_2{width: 20%!important;}
.w_1_5{width: 15%!important;}
.border_no{border-width: 0 !important;}
.border_r{border-right-width: 1px !important;}
.border_l{border-left-width: 1px !important;}
.hidden{
    /* display: none!important; */
    display: none;
}
.texthidden{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.blockim{
    display: block!important; 
}
.hiddenim{
   display: none!important; 
}
.nowrapcnt{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.stylescroll{
    overflow: auto;
}
.clearfix {
    zoom: 1;
  }
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.contain_bottom_line1{
    border-bottom: 1rem solid #ededed
}
.trans{
    color: transparent !important;
}
input::-webkit-input-placeholder{
    /* WebKit browsers */
    font-size: 12px !important;
}  
input:-moz-placeholder{
    /* Mozilla Firefox 4 to 18 */ 
    font-size: 12px !important;
}  
input::-moz-placeholder{
    /* Mozilla Firefox 19+ */
    font-size: 12px !important;
}  
input:-ms-input-placeholder{
    /* Internet Explorer 10+ */ 
    font-size: 12px !important;
}
@media (min-width: 1366px){
    .zcformelm textarea.zcform_textarea{
        /* min-height: 50px; */
        height: 80px!important;
    }
}